﻿/*-------------------------------------------------|
| AjaxTree 1.0 | http://blogger.org.cn/sixsun      |
|--------------------------------------------------|
| Copyright (c) 2006-2007 SixSun                   |
|                                                  |
| This Css can be used freely as long as all       |
| copyright messages are intact.                   |
|                                                  |
| Updated: 2006.06.24                              |
| Good:(IE, Maxthon, TT)                           |
| Bad: (FF, Mozilla)                               |
|--------------------------------------------------*/

/**
 * ==================================================
 * ajaxtree 的基本样式信息

 * ==================================================
 */

#ajaxtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	white-space: nowrap;
}

#ajaxtree img {
	border: 0px;
	vertical-align: middle;
}

/**
 * ==================================================
 * UL元素 样式
 * ==================================================
 */

#ajaxtree UL {
	margin-left: 0px;
	line-height: 18px;
}

#ajaxtree UL UL{
	margin-left: 18px;
	line-height: 18px;
}

/* UL 容器中含有一个以上 LI 节点时候的样式 */
#ajaxtree UL.more {
	background: url(images/line.gif) repeat-y 0px 0px; 
}

/* UL 容器中只含有一个 LI 节点时候的样式 */
#ajaxtree UL.one {
}

/**
 * ==================================================
 * LI元素 样式
 * ==================================================
 */

 #ajaxtree LI {
	display: block;
	list-style-type: none;
}

/**
 * ==================================================
 * AjaxTree 通用节点[root,info,exit]样式
 * ==================================================
 */
 
/* AjaxTree根节点 */
#ajaxtree LI.root {
	background: url(images/root.gif) no-repeat 0px 0px;
	height: 18px;
}

/* AjaxTree CopyRight节点 */
#ajaxtree LI.copyright {
	background: url(images/copyright.gif) no-repeat 0px 0px;
	height: 18px;
}

/* AjaxTree CopyRight节点 */
#ajaxtree LI.exit {
	background: url(images/exit.gif) no-repeat 0px 0px;
	height: 18px;
}

/**
 * ==================================================
 * AjaxTree 结构节点[+  +_  -  -_  |-  |_]样式
 * ==================================================
 */

/* AjaxTree 非叶子节点(' + ' 的样式) */
#ajaxtree LI.plus {
	background: url(images/plus.gif) no-repeat 0px 0px;
	position: relative; left: 0px
}

/* AjaxTree 非叶子节点(最后一个 ' +_ ' 的样式) */
#ajaxtree LI.plusbottom {
	background: url(images/plusbottom.gif) no-repeat 0px 0px;
	position: relative; left: 0px	
}

/* AjaxTree 非叶子节点(' - ' 的样式) */
#ajaxtree LI.minus {
	background: url(images/minus.gif) no-repeat 0px 0px;
	position: relative; left: 0px	
}

/* AjaxTree 非叶子节点(最后一个 ' -_ ' 的样式) */
#ajaxtree LI.minusbottom {
	background: url(images/minusbottom.gif) no-repeat 0px 0px;
	position: relative; left: 0px	
}

/* AjaxTree 叶子节点(' |- ' 的样式) */
#ajaxtree LI.join {
	background: url(images/join.gif) no-repeat 0px 0px;
	position: relative; left: 0px		
}

/* AjaxTree 叶子节点(最后一个 ' |_ ' 的样式) */
#ajaxtree LI.joinbottom {
	background: url(images/joinbottom.gif) no-repeat 0px 0px;
	position: relative; left: 0px	
}

/**
 * ==================================================
 * AjaxTree 链接基本样式
 * ==================================================
 */

#ajaxtree A {	
	cursor: hand;
	text-decoration: none;
}

#ajaxtree A:hover{
	color:#ff0000;
	text-decoration:none
}

/**
 * ======================================================================
 * AjaxTree 节点的类型样式(可由数据库结合CSS扩展定义)，默认[folder,folderopen,page]
 * ======================================================================
 */
 
/* AjaxTree 非叶子节点(未展开时候的样式的文件夹) */
#ajaxtree A.folder {
 	cursor: hand;
	background: url(images/folder.gif) no-repeat 0px 0px; HEIGHT: 18px;
	padding-left: 18px;	position: relative; left: 18px;
}

/* AjaxTree 非叶子节点(展开时候的样式的文件夹) */
#ajaxtree A.folderopen {
	cursor: hand;
	background: url(images/folderopen.gif) no-repeat 0px 0px; HEIGHT: 18px;
	padding-left: 18px;	position: relative; left: 18px;
}

/* AjaxTree 叶子节点 */
#ajaxtree A.page {
	cursor: hand;
	background: url(images/page.gif) no-repeat 0px 0px; height: 18px;
	padding-left: 18px;	position: relative; left: 18px;
}

/* ========== AjaxTree 节点的Action样式 ========== */

#ajaxtree .nodeAction:link,.nodeAction:visited{
	overflow:hidden;
	padding-left: 1px;
	border:1px solid #F5F7F7;
	position: relative; left: 18px;
}
	
#ajaxtree .nodeAction:hover{
	color:#000000;
	background:#c0d2ec;
	
	overflow:hidden;	
	padding-left:1px;
	border:1px solid #ccc;
	position: relative; left: 18px;	
}
	
#ajaxtree .nodeSeleced:link,.nodeSeleced:hover,.nodeSeleced:visited{
	color:#000000;
	background:#c0d2ec;
	
	overflow:hidden;	
	padding-left:1px;
	border:1px solid #ccc;
	position: relative; left: 18px;	
}

/* ========== AjaxTree 的管理节点样式 ========== */

#ajaxtree A.show {
	background: url(images/manager/show.gif) no-repeat 0px -2px; height: 18px;
	padding-left: 18px;	position: relative; left: 27px;	
}

#ajaxtree A.edit {
	background: url(images/manager/edit.gif) no-repeat 0px 0px; height: 18px;
	padding-left: 18px;	position: relative; left: 27px;	
}

#ajaxtree A.dele {
	background: url(images/manager/dele.gif) no-repeat 0px 0px; height: 18px;
	padding-left: 18px;	position: relative; left: 27px;	
}

#ajaxtree A.addition {
	padding-left: 0px;	position: relative; left: 27px;	
}

/* AjaxTree 叶子节点 */
#ajaxtree A.loading {
	background: url(images/loading.gif) no-repeat 0px 0px; height: 18px;
	padding-left: 18px;	position: relative; left: 18px;	
}

/* ========== AjaxTree 的INPUT元素的样式(用于定义checkBox等) ========== */
	
#ajaxtree INPUT {
	cursor: hand;
	width:18px;
	height: 18px;
	position: relative; left: 18px;
}

.nav {
	background: url(images/nav_bg.jpg) repeat-x;
	text-align: center;
	padding-left:2px;
	padding-right:2px;
}

.navover  {
	background: url(images/nav_bg_over.jpg) repeat-x;
	text-align: center;
	padding-left:4px;
	padding-right:4px;	
}
.navover_big  {
	background: url(images/nav_bg_over_big.jpg) repeat-x;
	text-align: center;
	padding-left:4px;
	padding-right:4px;	
}

